<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="模块" name="first">
         <tableModule @changeCode="changeNextCode"></tableModule>
    </el-tab-pane>
    <el-tab-pane label="进程" name="second">
           <tableProcess></tableProcess>
    </el-tab-pane>

    <el-tab-pane label="进程关键字监控" name="third">
         进程关键字监控
    </el-tab-pane>

    <el-tab-pane label="进程端口监控" name="fourth">
         进程端口监控
    </el-tab-pane>

    <el-tab-pane label="进程拨测监控" name="five">
         进程拨测监控
    </el-tab-pane>

  </el-tabs>
</template>
<script>

  import tableModule from "./components/tableModule"

  import tableProcess from "./components/tableProcess"

  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    components:{
       tableModule,
       tableProcess
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
      changeNextCode(val){
        console.log(val)
        this.activeName=val
      }
    }
  };
</script>